<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>东阳交通事故管理系统--案件统计</title>
	<%@ include file="/pages/common/common.jsp" %>	
	<%@ include file="/pages/common/detail.jsp" %>
    <script type="text/javascript">
    jQuery(function($){
		$('#gridTable').datagrid({
			title:'查询结果', //标题
			method:'post',
			iconCls:'icon-edit', //图标
			singleSelect:false, //多选
			height:360, //高度
			fitColumns: false, //现在不是一个比例，一个真是的像素值
			striped: true, //奇偶行颜色不同
			collapsible:true,//可折叠
			url:"${ctx}/case/count.adm", //数据来源
			sortName: 'caseNo', //排序的列
			sortOrder: 'desc', //倒序
			remoteSort: true, //服务器端排序
			idField:'idBgt', //主键字段
			queryParams:{}, //查询条件
			nowrap:false,
			pagination:true, //显示分页
			rownumbers:true, //显示行号
			columns:[[
				{field:'caseNo',title:'案件编号',width:145,sortable:true},
				{field:'alarmDate',title:'报警时间',width:155},
				{field:'caseAddress',title:'路段',width:200},
				{field:'tamsDeptByOutDept',title:'出警部门',width:130,
					formatter:function(value,row,index){
						if(row.tamsDeptByOutDept)
							return row.tamsDeptByOutDept.deptName;
						else
							return '<span class="red">暂未指定</span>';
					}
				},
				{field:'tamsPersonByOutPerson',title:'出警人',width:130,
					formatter:function(value,row,index){
						if(row.tamsPersonByOutPerson)
							return row.tamsPersonByOutPerson.personName;
						else
							return '<span class="red">暂未指定</span>';
					}
				},
				{field:'alarmType',title:'案件类型',width:135}
				
			]],
			toolbar:[{
				text:'导出Excel',
				iconCls:'icon-redo',
				handler:function(){
					exportExcel();
				}
			}],
			onLoadSuccess:function(){
				$('#gridTable').datagrid('clearSelections'); //一定要加上这一句，要不然datagrid会记住之前的选择状态，删除时会出问题
			},
			onDblClickRow:function(rowIndex,rowData){ //双击事件
				//alert(rowData.caseNo);
				openDetail(rowData.caseNo);
			}
		});		
		
		///填充查询条件中的部门列表
		$("#qOutDept").combobox({
			valueField:'idBgt', //值字段
		    textField:'deptName', //显示的字段
		    url:'${ctx}/common/queryAllDept.con?flag=t',
		    panelHeight:'auto',
			editable:false,//不可编辑，只能选择
			onSelect:function(record){
		    	
			}
		});
		
		
	});
   
        
    /** 表格查询 */
	function searchInfo(){
		var fields =$('#queryForm').serializeArray(); //自动序列化表单元素为JSON对象数据格式如下
		// [ 
		//     {name: 'firstname', value: 'Hello'}, 
		//     {name: 'lastname', value: 'World'},
		//     {name: 'alias'}, // this one was empty
  		// ]
		var params={};
		$.each( fields, function(i, field){//设置查询参数
			params[field.name] = field.value;
		});
		$('#gridTable').datagrid('reload',params); //设置好查询参数 reload 一下就可以了
	}
    
    /** 导出Excel */
    function exportExcel(){
    	var fields =$('#queryForm').serialize(); //自动序列化表单元素为JSON对象数据格式如下
		
    	var gt=$('#gridTable');
		var columns=gt.datagrid('getColumnFields',false);
		var params=[];
		params.push(fields);
		for(var i=0;i<columns.length;i++){
			var co=gt.datagrid('getColumnOption',columns[i]);
			params.push('&headers='+co.title);
			params.push('&columnView='+co.width);
		}
		
		location.href='${ctx}/download/downCase.adm?'+params.join('');
		
		//console.info(columns);
		//alert(columns);
    }
    
	/** 清空查询条件 */
	function clearForm(){
		$('#queryForm').form('clear');
	}
	</script>	
  </head>
  
  <body>
    <form id="queryForm" class="qform">
		<table class="qtable" width="100%">
			<tr>
				<td class="qtd">出警部门：<input name="outDept" id="qOutDept" style="width:100px;"></td>
				<td class="qtd">路&nbsp;&nbsp;段：<input name="caseAddress" style="width:100px;"></td>
				<td class="qtd">报警时间：<input name="alarmBeginDate" style="width: 130px;" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'});">--<input name="alarmEndDate" style="width: 130px;" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'});"></td>				
				<td class="qtd" align="center">
					<a href="#" onclick="searchInfo();" class="easyui-linkbutton" iconCls="icon-search">查询</a>
					<a href="#" onclick="clearForm();" class="easyui-linkbutton" iconCls="icon-no">清空</a>
				</td>
			</tr>
		</table>
	</form>
	<div class="griddiv">
		<table id="gridTable"></table>
	</div>
	<div id="MyPopWindow" modal="true" shadow="false" minimizable="false" cache="false" maximizable="false" collapsible="false" resizable="false" style="margin: 0px;padding: 0px;overflow: auto;"></div>
  </body>
</html>
